@import url('app://bower_components/fontawesome/css/font-awesome.min.css');
:host {
  display: flex;
}
#warp {
  margin: 10px;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

header {
  display: flex;
  height: 50px;
}

header i.fa {
  margin: 6px 2px;
  padding: 12px 6px;
  cursor: pointer;
  font-size: 14px;
}

section.res {
  margin: 6px 2px;
  padding: 6px 2px;
  font-size: 14px;
}

section.form {
  flex: 1;
  border-radius: 4px;
  border: 1px solid #666;
  padding: 10px;
  overflow: auto;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  padding: 4px 10px;
  list-style: none;
  display: flex;
  border-bottom: 1px solid #666666;
}
ul li:last-child {
  border-bottom: none;
}
ul li > div {
  padding: 4px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul li .scene {
  width: 120px;
}
ul li .path {
  flex: 1;
}
ul li .operating {
  margin: 0px -50px;
  padding: 4px 6px;
}
ul li .controller {
  width: 46px;
}
ul li .controller i {
  margin: 0 2px;
  padding: 0 4px;
  cursor: pointer;
}
